/*
  学习目标：改造history通过history来跳转路由
  history跳转不会造成白屏
  BrowserRouter = Router组件 + history
  步骤：


*/
import { message } from 'antd'
import axios from 'axios'
import { getToken } from './storage'
import history from "./history";
export const baseURL = 'http://geek.itheima.net'
const instance = axios.create({
  baseURL: baseURL,
  timeout: 5000,
})

// 请求拦截器
instance.interceptors.request.use(
  function (config) {
    // 2. 注意, 请求拦截器统一带上token
    const token=getToken()
    if(token){
      config.headers.Authorization=`Bearer ${token}`
    }
    return config
  },
  function (error) {
    return Promise.reject(error)
  }
)

// 响应拦截器
instance.interceptors.response.use(
  function (response) {
    // 💥小小的改造，多解构了一个data，再返回
    return response.data
  },
  function (error) {
    // console.dir(error);
    //  1. 在响应拦截器中，获取error对象，统一处理401过期的情况
    if(error.response.status===401){
      // 2提示用户
      message.warning(error.response.data.message)
      // 跳转到登录页面
      // 💥临时解决方案：一般不用window直接操作页面跳转
      // window.location.href='/login'

      // 4 验证history能够跳转路由
      history.push('/login')
    }
    return Promise.reject(error)
  }
)

export default instance